<template>
    <div>
       <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane :label="$t('sys.setting')" name="first">
          <Set @refresh="refresh"/>
        </el-tab-pane>
        <el-tab-pane :label="$t('sys.introduce')" name="second">
          <Introduction ref="introduction" />
        </el-tab-pane>
        <el-tab-pane :label="$t('sys.history')" name="third">
          <History ref="history" />
        </el-tab-pane>
      </el-tabs>
    </div>
</template>

<script setup lang="ts">
import { ref, onMounted, reactive } from 'vue'
import Set from './set.vue'
import Introduction from './introduction.vue'
import History from './history.vue'

let history = ref()
const activeName = ref('first')

const refresh = () =>  {
  history.value.refresh()
}
</script>
